<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common.jsp"%>
<html lang="en">
  <head>
  	<link href="${pageContext.request.contextPath}/resource/css/def/bootstrap/ace/ace.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/resource/css/def/bootstrap/ace/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/resource/css/def/frm/sys/main.css" rel="stylesheet">
   	<link href="${pageContext.request.contextPath}/resource/css/def/bootstrap/css/bootstrap-upf.css" rel="stylesheet">
	<link href="${pageContext.request.contextPath}/resource/css/def/ztree/metro.css" rel="stylesheet"><link href="${pageContext.request.contextPath}/resource/css/def/frm/common/newstyle.css" rel="stylesheet">
	<link href="${pageContext.request.contextPath}/resource/css/def/frm/sys/superfish.css" rel="stylesheet" media="screen">
  	<script src="${pageContext.request.contextPath}/resource/js/bootstrap/ace/ace.js"></script>
	<script src="${pageContext.request.contextPath}/resource/js/bootstrap/ace/ace.sidebar.js"></script>
	<script type="text/javascript">
		var headpage = '${pageContext.request.contextPath}/frm${seal:getConfig("cn.unicom.sys.headpage")}';
	</script>
	<script src="${pageContext.request.contextPath}/resource/js/frm/sys/maindropdown.js"></script>
	<script src="${pageContext.request.contextPath}/resource/js/frm/sys/hoverIntent.js"></script>
	<script src="${pageContext.request.contextPath}/resource/js/frm/sys/superfish.js"></script>
	
	<script type="text/javascript">
		var menus=${menuVOs}
		$(function(){
			if('${errorMessage}'){
				alert('${errorMessage}');
			}
			
		});
	</script>
	
  <script type="text/javascript">
        $().ready(function(){
            $("#xgmm").click(function(){
                var password = $("#zzmc").val();
                var password1 = $("#zdbh").val();
                if(password != password1){
                	alertModel("两次输入密码不一样!");
                }else{
                	 $.post({
            			url:"${prc}/sysStaffController/updateSysStaffPasswd?t="+(new Date().getTime()),
            			data:$('#formId').serializeArray(),
            			success : function(data){
            				alertModel("修改成功!!");
            				$('#changpass').modal('hide');
            			}
            		}) 
                }
            });
        });
    </script>
</head>
  <style type="text/css">
	html,body{
		height:100%;
		margin:0px;
	}
	.content-full{
		height:95%;
	}
	</style>
	<script type="text/javascript">
	function contentHeight(){
	}
	</script>
	<!--[if lt IE 9]>
		<script type="text/javascript">
			function contentHeight(){
				$('#main-container').height($('body').height()-$('#navbar').height()-10);
			}
		</script>
	<![endif]-->
<body class="no-skin">
	<div id="navbar" class="navbar navbar-default">

		<div class="navbar-container" id="navbar-container">
			<div class="navbar-header pull-left">
				<a href="#" class="navbar-brand"> <img
					src="${appName}/resource/css/def/img/logo.png" alt="" />
				</a>
			</div>
			<div id="menus">
				<ul class="sf-menu" id="example">
				</ul>
			</div>

			<!-- #section:basics/navbar.dropdown -->

			<div class="navbar-buttons navbar-header pull-right"
				role="navigation">
				<ul class="nav ace-nav">
					<li class="grey"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-tasks"></i> <span class="badge badge-grey">4</span>
					</a>

						<ul
							class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i class="ace-icon fa fa-check"></i>
								4 待办</li>

							<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar">
									<li><a href="#">
											<div class="clearfix">
												<span class="pull-left">待办名</span> <span class="pull-right">65%</span>
											</div>

											<div class="progress progress-mini">
												<div style="width: 65%" class="progress-bar"></div>
											</div>
									</a></li>
								</ul>
							</li>

							<li class="dropdown-footer"><a href="#"> 待办链接 <i
									class="ace-icon fa fa-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="purple"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-bell icon-animated-bell"></i> <span
							class="badge badge-important">8</span>
					</a>

						<ul
							class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i
								class="ace-icon fa fa-exclamation-triangle"></i> 8 提醒</li>

							<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar navbar-pink">
									<li><a href="#">
											<div class="clearfix">
												<span class="pull-left"> <i
													class="btn btn-xs no-hover btn-pink fa fa-comment"></i> 新提醒
												</span> <span class="pull-right badge badge-info">+12</span>
											</div>
									</a></li>
								</ul>
							</li>

							<li class="dropdown-footer"><a href="#"> 提醒链接 <i
									class="ace-icon fa fa-arrow-right"></i>
							</a></li>
						</ul></li>

					<li class="green"><a data-toggle="dropdown"
						class="dropdown-toggle" href="#"> <i
							class="ace-icon fa fa-envelope icon-animated-vertical"></i> <span
							class="badge badge-success">5</span>
					</a>

						<ul
							class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
							<li class="dropdown-header"><i
								class="ace-icon fa fa-envelope-o"></i> 5 信息</li>

							<li class="dropdown-content">
								<ul class="dropdown-menu dropdown-navbar">
									<li><a href="#" class="clearfix"> <img src=""
											class="msg-photo" alt="Alex's Avatar" /> <span
											class="msg-body"> <span class="msg-title"> <span
													class="blue">Alex:</span> Message Summary
											</span> <span class="msg-time"> <i
													class="ace-icon fa fa-clock-o"></i> <span>Message
														Time</span>
											</span>
										</span>
									</a></li>
								</ul>
							</li>

							<li class="dropdown-footer"><a href="inbox.html"> 查看信息链接
									<i class="ace-icon fa fa-arrow-right"></i>
							</a></li>
						</ul></li>

					<!-- #section:basics/navbar.user_menu -->
					<li class="light-blue"><a data-toggle="dropdown" href="#"
						class="dropdown-toggle"> <span class="glyphicon glyphicon-user" style="font-size:30px;margin-top:6px;" aria-hidden="true"></span> <span class="user-info"> <small>欢迎,</small>
								${sysStaff.staffName }
						</span> <i class="ace-icon fa fa-caret-down"></i>
					</a>
						<ul
							class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer">
							<li><a href="#">&nbsp;<i class="ace-icon fa fa-cog"></i> 设置
								</a>
							</li>
								<c:forEach var="item" items="${staffOrgs }" >
									<c:if test="${sysStaffOrg.staffOrgId ==  item.staffOrgId}">
									<li><a style="color:red;">&nbsp;<i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;&nbsp;${item.orgName }</a>
									</li>
									</c:if>
									<c:if test="${sysStaffOrg.staffOrgId !=  item.staffOrgId}">
									<li><a href="${frmPrefix }changeStaffOrg?staffOrgId=${item.staffOrgId}">&nbsp;&nbsp;&nbsp;<i class="glyphicon glyphicon-user"></i>&nbsp;${item.orgName }</a>
									</li>
									</c:if>
								</c:forEach>
							<li id="menu-sub"><a href="#">&nbsp;<i class="ace-icon fa fa-angle-double-left"></i> 更换菜单样式</a>
								<ul class="menuchange">
									<li>&nbsp;<i class="ace-icon fa fa-bars" aria-hidden="true"></i><a href="changeMenuStyle?styleId=1">&nbsp;左侧推拉菜单
									</a></li>
									<li>&nbsp;<i class="ace-icon fa fa-tree" aria-hidden="true"></i><a href="changeMenuStyle?styleId=2">&nbsp;左侧树形菜单
									</a></li>
									<li>&nbsp;<i class="ace-icon fa fa-caret-square-o-down" aria-hidden="true"></i><a href="changeMenuStyle?styleId=3">&nbsp;下拉多级菜单
									</a></li>
									<li>&nbsp;<i class="ace-icon fa fa-map"></i><a href="changeMenuStyle?styleId=4">&nbsp;下拉菜单块
									</a></li>
								</ul></li>
									<li ><a id="navbar-hide" href="javascript:;">&nbsp;<i class="ace-icon fa fa-eye-slash" aria-hidden="true"></i> 隐藏菜单
										</a>
									</li>
							<li ><a id="passwd"href="javascript:void(0)" onclick="showTab();">&nbsp;<i class="ace-icon fa fa-key" aria-hidden="true"></i> 更改密码</a></li>
							<li>
								<a href="logout">&nbsp;<i class="ace-icon fa fa-power-off" aria-hidden="true"></i> 登出</a>
							</li>
						</ul></li>
				</ul>
			</div>
			</div>
		</div>
		<div id="hidemenu">
			<a id="navbar-show" href="javascript:;">&nbsp;<i class="ace-icon fa fa-eye" aria-hidden="true"></i> 展示菜单
			</a>
		</div>
<div class="main-container" id="main-container" style="position: relative;height: calc(100% - 60px);">
		<div style="height:100%;" class="main-content">
				<div class="page-content" style="height:100%;">
					<div class="row" style="height:100%;">
						<div style="height:100%;" class="col-xs-12" id="mainDiv">
							<!-- PAGE CONTENT BEGINS -->
							<!-- PAGE CONTENT ENDS -->
						</div>
					</div>
				</div>
			</div>
		</div>
	<div class="modal fade" id="changpass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					修改密码
				</h4>
			</div>
			<div class="modal-body">
							<form method="post" id="formId">
								<input type="hidden" name="loginName"
									value="${sysStaff.loginName}" />
								<div class="form-group">
									<label for="sysStaffName">新密码</label> <input type="password"
										class="form-control" name="passwd" id="zzmc" placeholder="新密码"
										maxlength="18">
								</div>
								<div class="form-group">
									<label for="exampleInputName2">确认密码</label> <input type="password"
										class="form-control" id="zdbh" placeholder="确认密码"
										maxlength="18">
								</div>
							</form>
					</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-primary" id="xgmm">
					提交更改
				</button>
				<button type="button" class="btn btn-primary"  data-dismiss="modal">关闭
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
</body>
</html>
